<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>


</body>
<script>
    // 参数解析
    // 1. 注册页(register.html)  => 提交数据到登录页 (不要直接打开登录页 =>没数据)
    // http://127.0.0.1:5500/day11/html/login.html?user=zxczxc&pwd=123123&phone=17386141516&email=1272071496%40qq.com

    // 2. 在登录页 获取参数数据队列  ?user=zxczxc&pwd=123123&phone=17386141516&email=1272071496%40qq.com
    //  解析为对象数据 =>   {user:"zxczxc",pwd:"123123",phone:"17386141516",email:"1272071496%40qq.com"}

    // 提示: 对象取值和赋值有两个语法
    // 1. 点语法       对象.键名
    // 2. 中括号语法   对象["键名"]

    var search = location.search;
    var data = {};

    //判断有无数据
    if (search) { // 有 => 解析
        console.log(search);

        // slice()  substring(startIndex=0,endIndex=字符串.length)
        // substr(startIndex,length)    
        var str = search.substring(1);
        console.log(str);

        var list = str.split("&");
        console.log(list);


        for (var i = 0; i < list.length; i++) {
            var item = list[i];
            var key = item.split("=")[0]; // "user" "pwd"
            var val = item.split("=")[1]; // "a123123"

            data[key] = val; // data["user"]


        }

        console.log(data);





    } else { // 没有 
        location.href = "./register.html";
    }






</script>

</html>